<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>测试1</h1>
<h1>测试2</h1>
<h1>测试3</h1>
<h1>测试4</h1>
<h1>测试5</h1>
<input type="text">
<input type="button" value="按钮">
<img src="0.JPG" alt="">
<!--从CDN服务引入-->
<!--<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<!--从本地引入-->
<script src="jquery.min.js"></script>
<script>
    // $("h1").text("测试成功！");

    //匹配到最后一个input(按钮) 并添加点击事件
    $("input:last").click(function () {
        let x = parseInt(Math.random()*$("h1").length);//0-4
        //取出文本框的内容
        // alert($("input:first").val());
        $("h1:eq("+x+")").text($("input:first").val());
    })

    //修改元素样式
    $("h1").css("color","red");
    //获取样式的值
    console.log($("h1").css("color"));
</script>
</body>
</html>